<template>
  <div class="About">
    <h3>About组件</h3>

    <!-- 子路由链接 -->
    <router-link to="/about/tab1" class="tab">tab1</router-link>
    <router-link to="/about/tab2" class="tab">tab2</router-link>
    <hr>
    <router-view></router-view>
  </div>
</template>

<script>
export default {

}
</script>

<style>
.About{
  height: 250px;
  background-color: burlywood;
}
.tab{
  margin-left: 10px;
}
</style>
